<template>

<div class="search">
                <el-input v-model="input" placeholder="请输入要搜索的内容" @input="search(input)"></el-input><button class="btnSearch" >搜索</button>
                 </div>

</template>


<script>
   import {mapGetters,mapActions} from 'vuex';
export default{
      data(){
         return{
            input:""
         }
      },
      methods:{
           ...mapActions({
               search:"search"
           })
                
      }
    
}

</script>

<style scoped>

.search{
                display: flex;
                 width: 360px;
                 height: 50px;
               position: relative;
               top: 7px;
               left: 100px;
            }

 .btnSearch{
             width: 80px;
             height: 38px;
             margin-left: 10px;
             border-radius: 8px;
             border: none;
             border: 1px solid rgb(73, 73, 197);
             color: blue;
             cursor: pointer;
          }
.btnSearch:active{
              background-color: rgb(70, 70, 224);
              color: white;
         }
    

</style>